<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="format-detection" content="telephone=no" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{if isset($data_seo.seo_title)}{$data_seo.seo_title}{/if}</title>
    <meta charset="UTF-8" name="keywords" content="{if isset($data_seo.seo_keywords)}{$data_seo.seo_keywords}{/if}">
    <meta charst="UTF-8" name="description" content="{if isset($data_seo.seo_description)}{$data_seo.seo_description}{/if}">
    <link rel="stylesheet" type="text/css" href="/static/wap/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/wap/css/alert.css">
    <link rel="stylesheet" type="text/css" href="/static/wap/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="/static/wap/css/animate.min.css">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script>
        function resize() {
            var htmlEle = document.documentElement;

            var htmlWidth = window.innerWidth;
            htmlEle.style.fontSize = 20 / 640 * htmlWidth + 'px';
        } resize();
    </script>
    <style>
        .mobile-inner-nav a{
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: returnToNormal;
            animation-name: returnToNormal;
        }
                
        @-webkit-keyframes returnToNormal {
          0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -400%, 0);
                    transform: translate3d(0, -400%, 0);
          }
    
          400% {
            opacity: 1;
            -webkit-transform: none;
                    transform: none;
          }
        }
    
        @keyframes returnToNormal {
          0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -400%, 0);
                    transform: translate3d(0, -400%, 0);
          }
    
          400% {
            opacity: 1;
            -webkit-transform: none;
                    transform: none;
          }
        }
    </style>
</head>
<body>

{include file="public/header"}

<div class="cgjd1">
    <img src="/static/wap/img/全球旅拍.jpg" alt="">
</div>
<div class="cgjd3">
            <ul>
                <li {if $is_china ==1} class="cur"{/if}><a href="/wap/tripshoot/index/is_china/1">国内</a></li>
                <li {if $is_china ==2} class="cur"{/if}><a href="/wap/tripshoot/index/is_china/2">国外</a></li>
            </ul>
</div>
<div class="cgjd2">
    <div class="yulan" id="qqlp-list">
        {volist name="data"  id="v"}
        <div class="yl-main">
            <a href="/wap/tripshoot/nr/id/{$v.id}"><img src="{$v.main_img}" alt=""></a>
            <div class="yl-mb">{$v.title}</div>
        </div>
        {/volist}

    </div>
    <p class="p3" style="display:none;width: 100%;text-align: center;margin: 1.5rem 0 1.5rem;color:#999 "    id="nomore" >没有更多了</p>
    <div class="more" onclick="loadMore()">
        <input type="hidden" value="1" id="page">
        <p class="p1"  id="loadmore" >点击加载更多…</p>
        <p style="display:none" class="p2">正在努力加载…</p>
    </div>
</div>


{include file="public/foot"}
<script>
    var page=$("#page").val();
    var istop = 0;
    var type='<?php echo $type;?>';

    var Scenery ='<?php if(isset($Scenery)){echo $Scenery;}?>';
    if(type == 2){
        $('.p3').show();
        $('.more').hide();
    }
    function loadMore(){
        $(".p1").hide();
        $(".p2").show();
        if(istop ==1){
            return false;
        }
        page++;
        $.ajax({
            url:'/wap/Tripshoot/getMore',
            data:{page:page,Scenery:Scenery},
            type:'post',
            dataType:'json',
            success:function(res){
                var html ='';
                if(1==res.code){
                    for(i in res.data){
                        html +=' <div class="yl-main">\n' +
                            '            <a href="/wap/venues/nr/id/'+res.data[i].id+'"><img src="'+res.data[i].main_img+'" alt=""></a>\n' +
                            '            <div class="yl-mb">'+res.data[i].title+'</div>\n' +
                            '        </div>';
                    }
                    $("#qqlp-list").append(html);
                    $("#page").val(page);
                    $(".p2").hide();
                    $(".p1").show();
                    if(res.type ==2){
                        istop = 1;
                        $('.p3').show();
                        $('.more').hide();
                        return false;
                    }
                }else{
                    istop = 1;
                }

            },

        })
    }
</script>
</html>